<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>文档</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">
  <link rel="stylesheet" href="/plugins/bootstrap-3.3.7/css/bootstrap.css">
  <style>
    .bs-callout-info{
       padding: 15px;
       border: 1px solid #e9e9e9;
       border-left: 5px solid #01AAED;
       margin: 25px 0;
    }
    h2{
      margin-top: 100px;
    }
  </style>
</head>
<body>
<div class="bs-docs-header" id="content" tabindex="-1">
  <div style="color: white;background-color: #01AAED;padding: 50px">
    <h1>说明文档</h1>
    <p>专家：维护题库，维护题目，发布培训，参加培训，查看培训结果</p>
  </div>
  <div class="container" style="">
    <div class="row">
      <div class="col-md-9">
        <div>
          <h2 name="001" id="001">维护题库</h2><hr>
          <div class="bs-callout-info">
            <h4>可新增、修改、删除、查询自己的题库</h4>
            <p>先点击主界面左侧【题库管理】，再点击其子节点【题库维护】，进入题库维护页面 --><a href="/view/admin/question-bank">题库维护页面</a><br>
            </p>
          </div>
          <h3>新增题库</h3>
          <div class="bs-callout-info">
          1.点击【新增题库】按钮，界面弹出【添加题库】框。<br>
          2.填写题库基本信息：题库名称(必填)、题库简介、是否公开(题库公开后,任何专家发布培训时都可选择此题库)。<br>
          3.点击【确定】按钮，题库新增成功。<br>
          </div>
          <img src="/img/document/NewQuestionBank.png" width="100%">
          <h3>修改题库</h3>
          <div class="bs-callout-info">
            1.选择一条操作的题库数据，点击对应的【编辑】按钮，界面弹出【修改题库】框。<br>
            2.修改题库基本信息：题库名称(必填)、题库简介、是否公开(题库公开后,任何专家发布培训时都可选择此题库)。<br>
            3.点击【确定】按钮，题库修改成功。<br>
          </div>
          <img src="/img/document/UpdateQuestionBank.png" width="100%">
          <h3>删除题库</h3>
          <div class="bs-callout-info">
            1.选择一条操作的题库数据，点击对应的【删除】按钮，界面弹出提示信息框。<br>
            2.点击【确定】按钮，删除题库，且该题库下的题目内容将被清空。<br>
          </div>
          <img src="/img/document/DeleteQuestionBank.png" width="100%">
          <h3>查询题库</h3>
          <div class="bs-callout-info">
            1.输入查询条件：题库名称、是否公开。<br>
            2.点击【搜索】按钮，列表展示符合查询条件的数据。<br>
          </div>
          <img src="/img/document/SelectQuestionBank.png" width="100%">
        </div>
        <div>
          <h2 name="002" id="002">维护题目</h2><hr>
          <div class="bs-callout-info">
            <h4>可新增、修改、删除、批量导入、批量删除、查询自己的题目</h4>
            <p>先点击主界面左侧【题库管理】，再点击其子节点【题目维护】，进入题目维护页面 --><a href="/view/admin/questions">题目维护页面</a><br>
            </p>
          </div>
          <h3>新增题目</h3>
          <div class="bs-callout-info">
            1.点击【新增题目】按钮，界面弹出【添加题目】框。<br>
            2.填写题目基本信息：题目类型(必选)、所属题库(必选)、题目内容(必填)、答案解析、题目答案(必填，注：使用大写的英文状态下的ABCDEF,多选题答案使用逗号分隔)、选项A(必填)、选项B(必填)、选项C、选项D、选项E、选项F。<br>
            3.点击【添加】按钮，题目新增成功。<br>
          </div>
          <img src="/img/document/NewQuestion.png" width="100%">
          <h3>修改题目</h3>
          <div class="bs-callout-info">
            1.选择一条操作的题目数据，点击对应的【编辑】按钮，界面弹出【修改题目】框。<br>
            2.修改题目基本信息：题目类型(必选)、所属题库(必选)、题目内容(必填)、答案解析、题目答案(必填，注：使用大写的英文状态下的ABCDEF,多选题答案使用逗号分隔)、选项A(必填)、选项B(必填)、选项C、选项D、选项E、选项F。<br>
            3.点击【修改】按钮，题目修改成功。<br>
          </div>
          <img src="/img/document/UpdateQuestion.png" width="100%">
          <h3>删除题目</h3>
          <div class="bs-callout-info">
            1.选择一条操作的题目数据，点击对应的【删除】按钮，界面弹出提示信息框。<br>
            2.点击【确定】按钮，删除题目。<br>
          </div>
          <img src="/img/document/DeleteQuestion.png" width="100%">
          <h3>批量导入题目</h3>
          <div class="bs-callout-info">
            1.点击【导入】按钮，界面弹出【导入题目】框。<br>
            2.点击蓝色字体：下载模板，页面左下角显示导入模板，双击打开，填写导入内容。<br>
            3.上传填写完毕的导入模板。<br>
          </div>
          <img src="/img/document/ImportQuestion.png" width="100%">
          <h4>导入模板填写要求</h4>
          <table class="layui-table">
            <colgroup>
              <col width="150">
              <col width="200">
              <col>
            </colgroup>
            <thead>
            <tr>
              <th>字段名称</th>
              <th>是否必填</th>
              <th>填写要求</th>
            </tr>
            </thead>
            <tbody>
            <tr>
              <td>所属题库</td>
              <td><code>必填</code></td>
              <td>自己已有的题库名称</td>
            </tr>
            <tr>
              <td>题目类型</td>
              <td><code>必填</code></td>
              <td>单选题|多选题|判断题</td>
            </tr>
            <tr>
              <td>题目内容</td>
              <td><code>必填</code></td>
              <td>题目内容</td>
            </tr>
            <tr>
              <td>题目答案</td>
              <td><code>必填</code></td>
              <td>使用大写的英文状态下的ABCDEF,多选题答案使用逗号分隔，如：A,C,E</td>
            </tr>
            <tr>
              <td>答案解析</td>
              <td>非必填</td>
              <td>答案解析</td>
            </tr>
            <tr>
              <td>选项A</td>
              <td><code>必填</code></td>
              <td>选项A内容</td>
            </tr>
            <tr>
              <td>选项B</td>
              <td><code>必填</code></td>
              <td>选项B内容</td>
            </tr>
            <tr>
              <td>选项C</td>
              <td>非必填</td>
              <td>选项C内容</td>
            </tr>
            <tr>
              <td>选项D</td>
              <td>非必填</td>
              <td>选项D内容</td>
            </tr>
            <tr>
              <td>选项E</td>
              <td>非必填</td>
              <td>选项E内容</td>
            </tr>
            <tr>
              <td>选项F</td>
              <td>非必填</td>
              <td>选项F内容</td>
            </tr>
            </tbody>
          </table>
          <img src="/img/document/QuestionTemplate.png" width="100%">
          <h3>批量删除题目</h3>
          <div class="bs-callout-info">
            1.选择一条操作的题目数据，点击对应的【删除】按钮，界面弹出提示信息框。<br>
            2.点击【确定】按钮，删除题目。<br>
          </div>
          <img src="/img/document/BatchDeleteQuestion.png" width="100%">
          <h3>查询题目</h3>
          <div class="bs-callout-info">
            1.输入查询条件：题目内容、题目类型、所属题库。<br>
            2.点击【搜索】按钮，列表展示符合查询条件的数据。<br>
          </div>
          <img src="/img/document/SelectQuestion.png" width="100%">
        </div>
        <div>
          <h2 name="003" id="003">发布培训</h2><hr>
          <div class="bs-callout-info">
            <h4>可设置培训内容、时间等，发布培训，查询培训，下载培训二维码。培训未开始前可修改、删除培训。</h4>
            <p>先点击主界面左侧【题库管理】，再点击其子节点【发布培训】，进入发布培训页面 --><a href="/view/admin/train">发布培训页面</a><br>
            </p>
          </div>
          <h3>发布培训</h3>
          <div class="bs-callout-info">
            1.点击【发布培训】按钮，界面跳转【发布培训】详情设置页面。<br>
            2.填写发布培训基本信息：培训标题(必填)、开始-结束时间(必填，开始时间不能设置为已经过去的日期)、考试时长(必填)、题目数量(必填)、合格分数(必填)、所选题库(必选)。<br>
            3.点击【发布】按钮，培训发布成功。<br>
          </div>
          <img src="/img/document/ReleaseTrain.png" width="100%">
          <img src="/img/document/ReleaseTrainPage.png" width="100%">
          <h3>下载培训二维码</h3>
          <div class="bs-callout-info">
            1.选择一条培训数据，点击对应的【查看二维码】按钮，界面跳转二维码页面。<br>
            2.鼠标右键，点击另存为。保存并发送给参加本次培训人员。<br>
          </div>
          <img src="/img/document/SaveQRCode.png" width="100%">
          <h3>查询培训</h3>
          <div class="bs-callout-info">
            1.输入查询条件：培训名称、培训状态。<br>
            2.点击【搜索】按钮，列表展示符合查询条件的数据。<br>
          </div>
          <img src="/img/document/SelectReleaseTrain.png" width="100%">
          <h3>修改培训</h3>
          <div class="bs-callout-info">
            1.选择一条培训状态为未开始的培训数据，点击对应的【编辑】按钮，界面跳转【发布培训】详情设置页面。<br>
            2.修改培训基本信息：培训标题(必填)、开始-结束时间(必填，开始时间不能设置为已经过去的日期)、考试时长(必填)、题目数量(必填)、合格分数(必填)、所选题库(必选)。<br>
            3.点击【确定】按钮，培训修改成功。<br>
          </div>
          <img src="/img/document/UpdateReleaseTrain.png" width="100%">
          <h3>删除培训</h3>
          <div class="bs-callout-info">
            1.选择一条培训状态为未开始的培训数据，点击对应的【删除】按钮，界面弹出提示信息框。<br>
            2.点击【确定】按钮，删除培训。<br>
          </div>
          <img src="/img/document/DeleteReleaseTrain.png" width="100%">
      </div>
        <div>
          <h2 name="004" id="004">参加培训</h2><hr>
          <div class="bs-callout-info">
            <h4>扫描培训二维码即可参加培训。</h4>
          </div>
        </div>
        <div>
          <h2 name="005" id="005">查看培训结果</h2><hr>
          <div class="bs-callout-info">
            <h4>培训开始后可查看本次培训结果。</h4>
          </div>
          <div class="bs-callout-info">
            选择一条培训状态为进行中|已结束的培训数据，点击对应的【培训结果】按钮，界面跳转查看培训结果页面。<br>
          </div>
          <img src="/img/document/ResultReleaseTrain.png" width="100%">
        </div>
      </div>
      <div class="col-md-3" style="margin-top: 20px">
        <div class="list-group" style="position: fixed">
          <a href="#001" class="list-group-item">维护题库</a>
          <a href="#002" class="list-group-item">维护题目</a>
          <a href="#003" class="list-group-item">发布培训</a>
          <a href="#004" class="list-group-item">参加培训</a>
          <a href="#005" class="list-group-item">查看培训结果</a>
        </div>
      </div>
    </div>
  </div>
</div>
</body>
<script src="/plugins/bootstrap-3.3.7/js/jquery.min.js"></script>
<script src="/plugins/bootstrap-3.3.7/js/bootstrap.js"></script>
<script>
  $(function(){
      $('.list-group-item').on("click",function(){
          $('.list-group-item').eq($(this).index()).addClass('active').siblings().removeClass('active');
      });
  })
</script>
</html>